<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="styles/common.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="styles/user-home.css">
    <title>用户主页</title>
</head>
<script type="text/javascript">
    ! function(e, t) { var n = t.documentElement,
    d = e.devicePixelRatio || 1;
    function i() { var e = n.clientWidth / 3.75;
        n.style.fontSize = e + "px" } if (function e() { t.body ? t.body.style.fontSize = "16px" : t.addEventListener("DOMContentLoaded", e) }(), i(), e.addEventListener("resize", i), 
        e.addEventListener("pageshow", function(e) { e.persisted && i() }), d >= 2) { var o = t.createElement("body"),
        a = t.createElement("div");
        a.style.border = ".5px solid transparent", o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add("hairlines"), n.removeChild(o) } }(window, document)
</script>
<body>
   <div class="user-top">
        <div class="top-one">
            <div class="one-left">
                <img src="images/date.png" alt="">
                <span class="day">9-14</span>
                <span class="week">星期五</span>
            </div>
            <div class="one-right">
                <span>XM模拟炒汇大赛进行中</span>
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
        <div class="top-two">
            <div class="two-left">
                <img src="images/logo.png" alt="logo">
            </div>
            <div class="two-right">
                <h3>Hi,这里是用户名称</h3>
                <p>上午好~没有什么比自己决定快乐更重要</p>
            </div>
            <!-- 清除浮动 -->
            <div class="clearfix"></div>
        </div>
        <div class="top-three">
            <div class="three-text">
                <h3>活期管家计划</h3>
                <p>工资理财  一键开启</p>
            </div>
        </div>
   </div>
   <div class="main">
       <div class="main-nav">
           <ul>
               <li class="active">
                   <select class="li-select" name="" id="">
                        <option value="1" selected>全部帖子</option>
                        <option value="2">我关注的</option>
                   </select>
                   <div class="line"></div>
               </li>
               <li>
                   <span>热门讨论</span>
                   <div class="line"></div>
               </li>
               <li>
                   <span>关注</span>
                   <div class="line"></div>
               </li>
               <li>
                   <span>粉丝</span>
                   <div class="line"></div>
               </li>
           </ul>
       </div>
       <div class="news">
           <div class="comment-info">
               <div class="info-left">
                   <span>08-03</span>
                   <span>15:40</span>
                   <span>·</span>
                   <span>来自评论</span>
               </div>
               <div class="info-right">
                   <div class="btn-group">
                       <div class="btn btn-delete">
                           <img src="images/delete.png" alt="">
                           <span>删除</span>
                       </div>
                       <div class="btn btn-edit">
                            <img src="images/edit.png" alt="">
                            <span>编辑</span>
                        </div>
                   </div>
               </div>
               <!-- 清除浮动 -->
               <div class="clearfix"></div>
           </div>
           <div class="comment-content">
               <p>美联储此次加息完全是出于美国自身利益角度</p>
           </div>
           <div class="news-main special">
               <div class="news-key">
                    <i></i>
                    <span>黄金糕i</span>
               </div>
               <div class="news-title">
                   <span>房贷30年压力大？实际赚翻了！！！</span>
               </div>
               <div class="news-text">
                   <p>被“股神”巴菲特视为衡量股市估值水平的最佳单一指标显示，美股被过分高估了，而且正处于有史以来最高水平。据测算，要想令美股回归正常区间，股市至少还得跌1/3。</p>
               </div>
               <div class="news-footer">
                    <span>08-03</span>
                    <span>15:35</span>
                    <span>·</span>
                    <span>转发(1)</span>
                    <span>·</span>
                    <span>评论(1)</span>
                    <span>·</span>
                    <span>赞(1)</span>
                </div>
           </div>    
       </div>
       <div class="news">
            <div class="comment-info">
                <div class="info-left">
                    <span>08-03</span>
                    <span>15:40</span>
                    <span>·</span>
                    <span>来自评论</span>
                </div>
                <div class="info-right">
                    <div class="btn-group">
                        <div class="btn btn-delete">
                            <img src="images/delete.png" alt="">
                            <span>删除</span>
                        </div>
                        <div class="btn btn-edit">
                             <img src="images/edit.png" alt="">
                             <span>编辑</span>
                         </div>
                    </div>
                </div>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </div>
            <div class="comment-content">
                <p>美联储此次加息完全是出于美国自身利益角度</p>
            </div>
            <div class="news-main">
                <div class="news-title">
                    <span>房贷30年压力大？实际赚翻了！！！</span>
                </div>
                <div class="news-text">
                    <p>被“股神”巴菲特视为衡量股市估值水平的最佳单一指标显示，美股被过分高估了，而且正处于有史以来最高水平。据测算，要想令美股回归正常区间，股市至少还得跌1/3。</p>
                </div>
                <div class="news-footer">
                     <span>08-03</span>
                     <span>15:35</span>
                     <span>·</span>
                     <span>转发(1)</span>
                     <span>·</span>
                     <span>评论(1)</span>
                     <span>·</span>
                     <span>赞(1)</span>
                 </div>
            </div>    
        </div>
        <div class="news">
            <div class="comment-info">
                <div class="info-left">
                    <span>08-03</span>
                    <span>15:40</span>
                    <span>·</span>
                    <span>来自评论</span>
                </div>
                <div class="info-right">
                    <div class="btn-group">
                        <div class="btn btn-delete">
                            <img src="images/delete.png" alt="">
                            <span>删除</span>
                        </div>
                        <div class="btn btn-edit">
                                <img src="images/edit.png" alt="">
                                <span>编辑</span>
                            </div>
                    </div>
                </div>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </div>
            <div class="comment-content">
                <p>美联储此次加息完全是出于美国自身利益角度</p>
            </div>
            <div class="news-main special">
                <div class="news-key">
                        <i></i>
                        <span>黄金糕i</span>
                </div>
                <div class="news-title">
                    <span>房贷30年压力大？实际赚翻了！！！</span>
                </div>
                <div class="news-text">
                    <p>被“股神”巴菲特视为衡量股市估值水平的最佳单一指标显示，美股被过分高估了，而且正处于有史以来最高水平。据测算，要想令美股回归正常区间，股市至少还得跌1/3。</p>
                </div>
                <div class="news-footer">
                        <span>08-03</span>
                        <span>15:35</span>
                        <span>·</span>
                        <span>转发(1)</span>
                        <span>·</span>
                        <span>评论(1)</span>
                        <span>·</span>
                        <span>赞(1)</span>
                    </div>
            </div>    
        </div>
        <div class="news">
            <div class="comment-info">
                <div class="info-left">
                    <span>08-03</span>
                    <span>15:40</span>
                    <span>·</span>
                    <span>来自评论</span>
                </div>
                <div class="info-right">
                    <div class="btn-group">
                        <div class="btn btn-delete">
                            <img src="images/delete.png" alt="">
                            <span>删除</span>
                        </div>
                        <div class="btn btn-edit">
                                <img src="images/edit.png" alt="">
                                <span>编辑</span>
                            </div>
                    </div>
                </div>
                <!-- 清除浮动 -->
                <div class="clearfix"></div>
            </div>
            <div class="comment-content">
                <p>美联储此次加息完全是出于美国自身利益角度</p>
            </div>
            <div class="news-main news-main-two">
                <div class="news-title">
                    <span>房贷30年压力大？实际赚翻了！！！</span>
                </div>
                <div class="news-text">
                    <p>被“股神”巴菲特视为衡量股市估值水平的最佳单一指标显示，美股被过分高估了，而且正处于有史以来最高水平。据测算，要想令美股回归正常区间，股市至少还得跌1/3。</p>
                </div>
                <div class="news-footer">
                        <span>08-03</span>
                        <span>15:35</span>
                        <span>·</span>
                        <span>转发(1)</span>
                        <span>·</span>
                        <span>评论(1)</span>
                        <span>·</span>
                        <span>赞(1)</span>
                    </div>
            </div>    
        </div>
   </div>
</body>
</html>